<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

		<title>流浪站</title>
		 <link rel="shortcut icon" href="img/coolcat.ico" type="image/x-icon">
    	<link rel="stylesheet" href="https://at.alicdn.com/t/font_1165075_bo2wacvhoy.css">
		<link rel="stylesheet" href="https://at.alicdn.com/t/font_1165075_ttbildqzagn.css">
		<link rel="stylesheet" href="CSS/main.css" >
	</head>
	<body>
		
		<header>
			<span><i class="iconfont">&#xe748;</i>流浪站</span>
			<nav>
			<a href="https://site.douban.com/107208/">流浪动物</a>
			<a href="https://map.baidu.com/@12658562,2695196,12.32z">周边医院</a>
			<a href="https://www.taobao.com/">动物食品</a>
			<a href="https://gitee.com/xwh-00/projects">关于我们</a>
			</nav>
			<form class="parent">
					<input type="text" class="search" placeholder="搜索">
				</form>
		</header>
		<main>
			<div id="blank"></div>
		<div id="first">
			<div><a href="">
				<img src="img/白猫.jpg" style="max-width:100%" title="求包养" />
			</a></div>
			
		</div>
		<p>&nbsp;&nbsp;流浪站的建立旨在，为流浪的动物提供一些力所能及的帮助。
				我们将与各位热心人士、志愿者一起收集关于流浪动物的信息，希望这些流浪动物能够被收养或者得到更多关怀。
			<p>&nbsp;&nbsp;站内所有的流浪动物都会按以下表格填写信息，形成label，我们根据这些label，将流浪动物以地区划分。</p>
				<table id="thetable">
			<tr>
				<th>性别</th>
				<th>年龄</th>
				<th>地址</th>
				<th>习性</th>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
		<p>&nbsp;&nbsp;以下是流浪站获取数据的媒体来源，当然，我们站内的志愿者也会为我们提供信息。</p>
		
		<section>
			<span><i class="iconfont icon-wechat"></i></span>
			<span><i class="iconfont icon-iconai"></i></span>
			<span><i class="iconfont icon-qq"></i></span>
			<span><i class="iconfont icon-weibo"></i></span>
		</section>
		
		<div class="content">
			
		
						<div class="child"><a  href="https://site.douban.com/107208/">
							<img src="img/正在入食的小猫.jpg" alt="正在入食的小猫" title="终于找到吃的了~"/>
							<p>广州流浪站</p>
						</a></div>
						
						<div class="child"><a  href="https://site.douban.com/107208/">
							<img src="img/瘦弱的狗.jpg" alt="栅瘦弱的狗" title="希望有个家">
							<p>厦门流浪站</p>
						</a></div>
						
						<div class="child"><a  href="https://site.douban.com/107208/widget/photos/172158/photo/2528214129/">
							<img src="img/冬天里无助的猫.jpg" alt="冬天里无助的猫" title="有点冷"/>
							<p>成都流浪站</p>
						</a></div>
						
						<div class="child"><a href="https://site.douban.com/107208/widget/photos/172158/photo/2527664117/">
							<img src="img/三只小猫.jpg" alt="三只小猫" title="想要个主人"/>
							<p>昆明流浪站</p>
						</a></div>
						
						<div class="child"><a  href="https://site.douban.com/107208/widget/photos/172158/photo/2527663961/">
							<img src='img/小土狗.jpg' alt="小土狗" title="汪汪"/>
							<p>深圳流浪站</p>
						</a></div>
						
						<div class="child"><a  href="https://site.douban.com/107208/widget/photos/172158/photo/2527663961/">
							<img src="img/黑狗.jpg" alt="黑狗" title="汪汪"/>
							<p>成都流浪站</p>
						</a></div>
						
		</div>
		</main>
		<footer>
			<div><p>©wenpur动物流浪站 &nbsp;
			<adress>如果您想加入我们的团队，或者有什么好的意见，请联系<a href="">1728358568@qq.com</a></adress></p>
			
		</footer>
		
	</body>
</html>

